<template>
  <div class="admin_top">
    <div style="background: #6492CF;">
      <img src="https://cdn.91haoka.cn/houtailogo.png" style="height: 80px;">
    </div>
    <div style="padding: 20px;">
      <div class="flex" style="justify-content: space-around;">
        <router-link class="li" to="/admindingdan">订单详情查询</router-link>
        <router-link class="li" to="/adminshangjia">商家查询</router-link>
        <router-link class="li" to="/admincaozuo">批量操作订单</router-link>
        <router-link class="li" to="/adminduanxin">短信资质审核</router-link>
        <router-link class="li" to="/adminqianming">短信签名审核</router-link>
        <router-link class="li" to="/adminmoban">短信模板审核</router-link>
        <router-link class="li" to="/admindianpu">店铺审核</router-link>
        <router-link class="li" to="/adminzfdd">支付订单</router-link>
        <router-link class="li" to="/adminydjqd">自动生产渠道配置</router-link>
        <router-link class="li" to="/admindptk">店铺退款</router-link>
        <router-link class="li" to="/adminfpgl">发票</router-link>
        <router-link class="li" to="/adminheimingdan">黑名单</router-link>
        <router-link class="li" to="/adminxianxiachongzhi">线下充值</router-link>
        <router-link class="li" to="/admindianpuchaxun">店铺设置</router-link>
        <router-link class="li" to="/admintaowa">生成网站</router-link>
        <router-link class="li" to="/adminjkqdgl">接口渠道</router-link>

        <router-link class="li" to="/adminzd">抓单店铺</router-link>

        <router-link class="li" to="/adminduilie">队列</router-link>
        <router-link class="li" to="/adminquanxian">权限管理</router-link>
        <!-- <router-link class="li" to="admindpgl">店铺管理</router-link> -->
      </div>

    </div>
  </div>
</template>

<script>
  import axios from "axios";
  export default {
    name: "admin_top",
    data() {
      return {

      };
    },
    created() {

    },
    methods: {
      go: function(url) {
        this.$router.push(url)
      },
    }
  };
</script>

<style lang="scss" scoped>
  .admin_top {
    .li {
      padding: 10px 0px;
      border-bottom: 3px #EAEAEA solid;
      text-align: center;
      margin: 20px 0;
      margin-top: 0;
      margin-left: 0;
      cursor: pointer;
      font-weight: bold;
      color: #333333;
      &:hover {
        border-bottom: 3px #EEF7FF solid;
        color: #EEF7FF
      }
    }
    .flex {
    	display: flex;
    }
    .liact {
      border-bottom: 3px #EEF7FF solid !important;
      color: #EEF7FF !important;
    }
    .router-link-active{
      border-bottom: 3px #EEF7FF solid !important;
      color: #EEF7FF !important;
    }
  }
</style>
